<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>结算页面</title>
		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script type="text/javascript" src="js/base.js" ></script>
		<script type="text/javascript" src="js/deal.js" ></script>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/deal.css" />
	</head>
	<body>
		
		<!-------------------------头部-------------------------------->
		<div class="head">
			<div class="head-content">
				<a class="logo" href="index.html"></a>
				<ul class="head-right">
					<li>
						<span class="nologin"><a href="login.html">登录</a><a href="register.html">注册</a></span>
						<div class="logined">
							<p style="color:#ccc"></p>
							<span>
								<a href="receiver.html">收货信息</a>
								<a href="order.html">我的订单</a>
								<a class="logout" href="#">注销账户</a>
							</span>
						</div>
					</li>
					<li class="line"></li>
					<li class="cart">
						<a class="cart-a" href="cart.html">购物车</a>
						<div class="cart-detail">
							<p>您的购物车暂时没有商品</p>
							<a href="goods.html">快去抢购良仓商品吧！</a>
						</div>
					</li>
					<li class="line"></li>
					<li class="message">
						<a  class="message-a" href="#">消息</a>
						<div class="message-detail">
							<a href="#">动态<small>0</small></a>
							<a href="#">评论<small>0</small></a>
							<a href="#">私信<small>0</small></a>
							<a href="#">粉丝<small>0</small></a>
							<a href="#">喜欢<small>0</small></a>
							<a href="#">通知<small>0</small></a>
						</div>
					</li>
					<li class="line"></li>
					<li ><a class="goodsAdd" href="#">添加良品</a></li>
				</ul>
			</div>
		</div>
		
		<!-------------------------导航栏-------------------------------->
		<div class="nav">
			<div class="nav-content">
				<ul class="nav-left">
					<li><a href="index.html">首页</a></li>
					<li class="store">
						<a href="#">商店</a>
						<div class="store-content">
							<ul>
								
							</ul>
							<div>
								<img src="img/head/goods0.jpg" />
								<p>新视线：  2015期刊</p>
							</div>
						</div>
					</li>
					<li class="magazine">
						<a href="#">杂志</a>
						<div class="magazine-content">
							<ul>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
							</ul>
						</div>
					</li>
					<li class="share">
						<a href="share.html">分享</a>
						<div class="share-content">
							<ul>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
							</ul>
						</div>
					</li>
					<li><a href="#">达人</a></li>
				</ul>
				<div class="nav-right">
					<div class="search-input">
						<input id="search-input" type="text" placeholder="search..." />
					</div>
					<i></i>
				</div>
			</div>
		</div>
		
		
		<!-------------------------结算页面内容开始-------------------------------->
		<div class="deal">
			<img class="deal-img" src="img/deal1.jpg" />
			
			<h3>收货地址</h3>
			<hr />
			<div class="address-container">
			</div>
			
			<h3>订单详情</h3>
			<hr />
			<div style="margin-top:20px;">
            <table class="carTab">
                <tbody>
                	<tr>
	                    <th class="txtl" width="110">
	                    </th>
	                    <th width="350">良品</th>
	                    <th width="150">数量</th>
	                    <th width="200">单价（元）</th>
	                    <th width="150">小计</th>
                	</tr>
                	
            	</tbody>
            </table>
        </div>
			
			<a id="deal">结算</a>
			<div class="deal-sum">总价：<span id="deal-sum">0</span>元</div>
		</div>
		
		<!-------------------------OurShop-------------------------------->
		<div class="ourShop">
			<a href="#"><i></i></a>
			<div class="ourShop-service">
				<ul>
					<li>
						<em class="ourShop-service-em1"></em>
						<span>
							<p class="ourShop-service-p1">全球精品</p>
							<p class="ourShop-service-p2">Global Selections</p>
						</span>
					</li>
					<li>
						<em class="ourShop-service-em2"></em>
						<span>
							<p class="ourShop-service-p1">全球精品</p>
							<p class="ourShop-service-p2">Global Selections</p>
						</span>
					</li>
					<li>
						<em class="ourShop-service-em3"></em>
						<span>
							<p class="ourShop-service-p1">全球精品</p>
							<p class="ourShop-service-p2">Global Selections</p>
						</span>
					</li>
					<li>
						<em class="ourShop-service-em4"></em>
						<span>
							<p class="ourShop-service-p1">全球精品</p>
							<p class="ourShop-service-p2">Global Selections</p>
						</span>
					</li>
				</ul>
			</div>
		</div>
		<!-------------------------底部-------------------------------->
		<div class="foot">
			<div class="foot-content">
				<div class="foot-left">
					<a class="foot-download" href="#">
						<p>iPhone</p>
						<p>Android</p>
					</a>
					<ul class="foot-ul">
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
						<li><a href="#">关于良仓</a></li>
					</ul>
					<p>© 2013-2015 北京良仓文化传播有限公司版权所有 京ICP备13010677号-1 京公网安备11010502025627</p>
					<p>  公司名称：北京良仓文化传播有限公司  电话：010-58263516</p>
					<p>  公司地址：北京朝阳区百子湾路32号6号楼1层60号.</p>
					<p>  社会信用统一代码：91110105059231575L  食品许可证：JY11105160159557 </p>
					<p>  图书证名称：中华人民共和国出版物经营许可证  图书证编号：新出发京零 字第 朝 150051 号  </p>
				</div>
				<ul class="foot-right">
					<li><a class="foot-right1" href="#"></a></li>
					<li><a class="foot-right2" href="#"></a></li>
					<li><a class="foot-right3" href="#"></a></li>
				</ul>
			</div>
		</div>
		
		<!-------------------------返回顶部按钮-------------------------------->
		<div class="backToTop"></div>
		
	</body>
</html>
